<div>
    <div class="row">
        <div class="col-md-1 padding-r-0">
            <div class=" border-radius ">
                <div class="margin-xs-r  treeview ">
                    <ul class="list-group text-center border-radius">
                        <li class="list-group-item node-orgTree "
                         v-for="(item,index) in shopOrderInfo.types" 
                         :key="index" @click="swatchType(item)" :class="{'vc-node-selected':shopOrderInfo.typeCd == item.value}">
                            {{item.name}}
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-11">
            <div class="row">
                <div class="col-lg-6 padding-lr-sm ">
                    <vc:create path="order/shopOrderCart"></vc:create>
                </div>
                <div class="col-lg-6 padding-lr-sm ">
                    <vc:create path="order/shopOrderGroup"></vc:create>
                </div>
                <div class="col-lg-6 padding-lr-sm ">
                    <vc:create path="order/shopOrderSeckill"></vc:create>
                </div>
                <div class="col-lg-6 padding-lr-sm ">
                    <vc:create path="order/shopOrderRefund"></vc:create>
                </div>
            </div>
        </div>
    </div>
</div>